.tantuer-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: @modal-color;
  }
  .inner {
    background: @component-background;
    margin: 0 auto;
    position: relative;
    top: 30px;
    max-height: 90%;
    overflow: auto;

    .modal-hd {
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-bottom: 1px solid #e9e9e9;
      height: 48px;
      line-height: 48px;
      padding: 0 20px;
      h3 {
        font-size: 16px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        &.error {
          color: @error-color;
        }
      }
    }
    .modal-con {
      padding: 30px;
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      min-height: 42px;
      .stretegy-content .stretegy-wp {
        background-color: @primary-2;
      }
    }
    .modal-con-wp {
      height: 100%;
      overflow-y: auto;
      overflow-x: hidden;
      .stretegy-content .stretegy-wp {
        background-color: @primary-2;
      }
    }
    .tantuer-form {
      .tantuer-field-area {
        padding: 30px 20px 30px 32px;
      }
      .form-btn {
        border-top: 1px solid #e9e9e9;
        padding: 0;
        height: 62px;
        line-height: 62px;
        padding-right: 32px;
      }
    }
    .modal-ft {
      // border-top: 1px solid @background-color-light;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      height: 62px;
      line-height: 62px;
      padding: 30px 20px;
      &.modal-ft-confirm {
        margin-top: 30px;
      }
    }
    .modal-ok {
      margin-left: 10px;
    }
  }
  .introjs-overlay {
    left: 0 !important;
    top: 0 !important;
  }
}
